html,body,form,#canvas {width: 100%;height: 100%;}
*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:focus {outline:none}
.container,.content {height: 100%;}
.beg-login-box {width: 450px;margin: 10% auto;padding-top:30px;padding-bottom:30px;background-color: #fff; border-radius: 10px; box-shadow:0 -15px 30px #293846;}
.beg-login-box header {margin-bottom: 10px;}
.beg-login-box header h1 {text-align: center;font-size: 20px;line-height: 40px;font-weight:bold;}
.beg-login-box header em {font-weight: bold;}
.beg-login-box .beg-login-main {padding: 30px 90px 0;}
.beg-login-main .layui-form-item {position: relative;}
.beg-login-main .layui-form-item .beg-login-icon {position: absolute;color: #cccccc;top: 10px;left: 10px;}
.beg-login-main .layui-form-item input {padding-left: 34px;}
.beg-login-box footer {height: 35px;padding:10px 10px 0 10px;}
.beg-login-box footer p {line-height: 35px;text-align: center;}
.btn-blog{width: 100%;}
.beg-clear {clear: both;}
.beg-login-code-box { position: relative;padding: 10px;}
.beg-login-code-box input {position: absolute;width: 100px;}
.beg-login-code-box img {cursor: pointer;position: absolute;left: 115px;height: 38px;}
.layui-form-item .captcha {position: absolute;right: 1px;top: 1px; border-left: 1px solid #e6e6e6;}
.layui-form-item .captcha img {height: 36px;cursor: pointer;}
.layui-form-item .icon {display: inline-block;width: 16px;height: 16px;position: absolute;top: 10px;right: 10px;cursor: pointer;font-size: 16px;color: rgba(0,0,0,0.45);}

/********************************背景动画*****************************/
.large-header {position: relative;width: 100%; height: 100%; background: #333; overflow: hidden;background-size: cover;background-position: center center;z-index: 1;}
.main-title{position: absolute;margin: 0;padding: 0;color: #2f4050;text-align: center;top: 30%;left: 50%;-webkit-transform: translate3d(-50%,-30%,0);transform: translate3d(-50%,-30%,0)}
.login .main-title {padding-left: 10px;}
@media screen and (max-width: 750px){
	.beg-login-box {width: 80%;height: auto;margin: 10% auto;border-radius: 10px;}
	.beg-login-box .beg-login-main {height: auto;padding: 15px 15px 0;}
	.layui-btn{width: 100%;display: block;}
	.layui-btn .layui-icon, .beg-login-box footer p span, .beg-login-remember{display: none;}
	.beg-pull-right{float: none!important;}
	.lfb{margin-bottom: 0;}
	.main-title {position: absolute;width: 95%;margin: 0 auto;padding: 0;color: #2f4050;text-align: center;}
}